.div_body {
   display: grid;
    height: 100vh;
    width: 100vw;
    background-image: url(../../assets/connect.webp);
    background-size: 100% 100%;
    overflow: hidden;
    align-content:center;
    justify-content: center;
    .div_body1{
       display:flex;
       width: 80vw;
       height: 10vh;
       justify-content: space-between;
       flex-direction: row;
       h1{
          
           letter-spacing:68px;
           color: rgb(238, 110, 25);
           text-shadow: .2rem 0rem .5rem rgb(243, 158, 46),-.2rem 0rem .5rem rgb(243, 158, 46),0rem .2rem .5rem rgb(243, 158, 46),0rem -.2rem .5rem rgb(243, 158, 46);
           font-family: 'Concert One', cursive;
           /* media queries */
           @media (max-width: 1680px) {
               letter-spacing:55px;
           }
           @media (max-width: 1440px) {
               letter-spacing:40px;
           }
            @media (max-width: 1366px) {
               letter-spacing:36px;
           }
       }
    }
    .div_body2{
        display: grid;
        height: 80vh;
        width: 80vw;
        align-content: center;
        justify-content:center;
        grid-template-columns:50vw 30vw ;
        .div_body_left{
            height: 60vh;
            width:50vw;
            // border-radius:10px 0px 0px 10px;

        }
        .div_body_right{
            display: grid;
            height: 60vh;
            width: 30vw;
            align-content: center;
            justify-content: center;
            background-color:rgba(2, 3, 49, 0.5);
             border-radius:0px 10px 10px 0px;
            background-image: linear-gradient(#f1a415,#f18242); 
            .div_body_middle1_top{
                display: grid;
                width: 28vw;
                height: 45vh;
                background-color: white;
                border-radius: 10% 0% 10% 0%;
                grid-template-rows: 10vh 31vh;
                .div_body_middle1_top_top{
                    display: flex;
                    width: 28vw;
                    height: 10vh;
                    align-items: flex-end;
                    justify-content: center;
                }
                .div_body_middle1_top_bottom{
                    display: flex;
                    width: 28vw;
                    height: 29vh;
                    flex-direction: column;
                    justify-content:space-around;
                    align-items: center;
                    .div_body_middle1_top1{
                        display: flex;
                        width: 28vw;
                         height: 29vh;
                         align-items: center;
                         flex-direction: column;
                        justify-content: center;
                    }
                    .div_body_middle1_top2{
                        display: flex;
                        width: 28vw;
                        height: 2vh;
                        flex-direction: row;
                        justify-content:space-around;
                        align-items: center;
                        text-decoration:underline;
                        color:rgb(233, 111, 10); 
                    } 
                }   
            }
        }
    }   
}

